<template>
  <div style="width: 100%; height: 100%">

    <!-- 路由出口 -->
    <!-- 路由匹配到的组件将渲染在这里 -->
    <router-view></router-view>



     <!-- <login></login> -->
        <!-- <Icon></Icon>
        <Button></Button>
        <Slider></Slider> --> 
    <!-- <Dialog></Dialog> -->
    <!-- <Tooltip></Tooltip> -->
    <!-- <Popover></Popover> -->
    <!-- <Popconfirm></Popconfirm> -->
    <!-- <Card></Card> -->
    <!-- <Carousel></Carousel> -->
    <!-- <Collapse></Collapse> -->
    <!-- <Timeline></Timeline> -->
    <!-- <Divider></Divider> -->
    <!-- <Canlender></Canlender> -->
    <!-- <Image></Image> -->
    <!-- <Backtop></Backtop> -->
    <!-- <InfiniteScroll></InfiniteScroll> -->
    <!-- <Drawer></Drawer> -->


      <!-- <Radio></Radio>
      <Checkbox></Checkbox>
      <Input></Input>
      <InputNumber></InputNumber>
      <Select></Select>
      <Cascader></Cascader>
      <MySwitch></MySwitch>
      <Slider></Slider>
      <TimePicker></TimePicker>
      <DatePicker></DatePicker>
      <DateTimePicker></DateTimePicker>
      <Upload></Upload>
      <Rate></Rate>
      <ColorPicker></ColorPicker>
      <Transfer></Transfer>-->
      <!-- <Form></Form> -->
      <!-- <Table></Table>
      <Tag></Tag>
      <Progress></Progress>
      <Tree></Tree>
      <Pagination></Pagination>
      <Badge></Badge>
      <Avatar></Avatar>
      <Skeleton></Skeleton>
      <Empty></Empty>
      <Descriptions></Descriptions>
      <Result></Result>
      <Alert></Alert>
      <Loading></Loading>
      <Message></Message>
      <MessageBox></MessageBox>
      <Notification></Notification>
      <NavMenu></NavMenu>
      <Tabs></Tabs>
      <Breadcrumb></Breadcrumb>
      <PageHeader></PageHeader>
      <Dropdown></Dropdown>
      <Steps></Steps> -->
  </div>
</template>

<script>
// import login from './views/login'


export default {
  name: "App",
  components: {
    //   Icon,
    //   Button,
    //   Link
    // login
    //HelloWorld




  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
};
</script>

<style>
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

/* .app1{
  background:url('/image/test.png');
  height: 300px;
} */
</style>
